<%--
  Created by IntelliJ IDEA.
  User: asd73
  Date: 2017/9/22
  Time: 17:37
  To change this template use File | Settings | File Templates.
--%>
<%--左右两边鼠标停放后中间图片区域切换相应的标签图片--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <title>Title</title>
    <%--不能运行的代码，只做记录所用--%>
    <script type="text/javascript">
        $(function (e) {
            $('.conLeft li').mouseover(function () {//左边的ul
                $('.conCenter li').eq($(this).index()).show().sibling().hide();
            });
            $('.conRight li').mouseover(function (e) {//右边的ul
                $('.conCenter li').eq($(this).index()+9).show().sibling().hide();
            });
        })
    </script>
</head>
<body>

</body>
</html>
